body {
	font-family: Arial, sans-serif;
	font: 11px/24px "Trebuchet MS", Arial, sans-serif;
	margin-top: 0px;
	padding-top: 0px;
}

#title {
	float: right;
	margin-right: 100px;
}

h1 {
	text-align: right;
	font-size: 5em;
}

#typeJardin {
	text-align: right;
	color: maroon;
}

p {
	font-family: Garamond;
}

#logo {
	float: left;
	margin-top: 20px;
	margin-left: 100px;
    width:180px;
    height: auto;
}

#barraSuperior {
	align: center;
	display: inline-block;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	width: 96%;
	background-color: #DAE4DE;
	text-align: center;
}

.superior {
	margin-left: 20px;
	display: inline-block;
}

#ordenador {
	float:right;
	margin-right: 80px;
}

.left {
	float:left;
}

.resultadoPlantas {
	margin-left: 50px;
	margin-right: 50px;
}

.plantaResultado {
	position: relative;
	display: inline-block;
	height: 120px;
	width: 290px;
	background-color: #DAE4DE;
	border-radius: 50%;
	/*border: 1px solid blue;*/
	margin-left: 5px;
	margin-top: 5px;
}

.imgPlanta {
	float: left;
	width: 100px;
	height: auto;
	
	margin-left: 20px;
	margin-top: 10px;
}

.infoPlanta {
	margin-right: 50px;
	margin-top: 10px;
	float:right;
	text-align: center;
}

.nombrePlanta {
	font-size: 2em;
	margin: auto;
}

.ptsPlanta {
	font-size: 1em;
	margin-top: 5px;
}

#buttonMejorar {
	text-decoration: none;
	margin: auto;
	font: normal 12px arial, sans-serif;
	border:1px solid #34740e; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #4ba614;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#96c56f));
	background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
	background-image: -moz-linear-gradient(top, #4ba614, #008c00);
	background-image: -ms-linear-gradient(top, #4ba614, #008c00);
	background-image: -o-linear-gradient(top, #4ba614, #008c00);
	background-image: linear-gradient(to bottom, #4ba614, #008c00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
}

#buttonMejorar:hover {
	border:1px solid #224b09; background-color: #36780f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#36780f), top(#005900));
	background-image: -webkit-linear-gradient(top, #36780f, #005900);
	background-image: -moz-linear-gradient(top, #36780f, #005900);
	background-image: -ms-linear-gradient(top, #36780f, #005900);
	background-image: -o-linear-gradient(top, #36780f, #005900);
	background-image: linear-gradient(to bottom, #36780f, #005900);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#36780f, endColorstr=#005900);
}

a {
    text-decoration:none;
    color:#69f;
    outline:none;    
}
